<extend name="Index/index" />

<block name="main">
<div class=" banner-buying">
	<div class=" container">
		<h4>商品详情</h4>
		<div class="clearfix"> </div>
	</div>
</div>

<div class="container">
	<div class="buy-single-single">
		<div class="col-md-9 single-box">
	        <div class=" buying-top">
				<div class="flexslider">
					<ul class="slides">
					    <li data-thumb="images/ss.jpg">
					        <img src="images/ss.jpg" />
					    </li>
					    <li data-thumb="images/ss1.jpg">
					        <img src="images/ss1.jpg" />
					    </li>
					    <li data-thumb="images/ss2.jpg">
					        <img src="images/ss2.jpg" />
					    </li>
					    <li data-thumb="images/ss3.jpg">
					        <img src="images/ss3.jpg" />
					    </li>
					</ul>
				</div>

				<script defer src="js/jquery.flexslider.js"></script>
				<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
				<script>
					// 也可用 $(document).ready()
					$(window).load(function() {
						$('.flexslider').flexslider({
						    animation: "slide",
						    controlNav: "thumbnails"
						});
					});
				</script>
			</div>

			<div class="buy-sin-single">
				<div class="col-sm-5 middle-side immediate">
					<form action="<{:U('Orders/index')}>" method="post">
					    <h4>Possession: Immediate</h4>
					    <p><span class="bath">Bed </span>: <span class="two">2 BHK</span></p>
					    <p><span class="bath1">Baths </span>: <span class="two">2</span></p>
					    <p><span class="bath2">Built-up Area</span>: <span class="two">100 Sq.Yrds</span></p>
					    <p><span class="bath3">Plot Area </span>:<span class="two"> 150 Sq.Yrds</span></p>
						<p><span class="bath4">Age of property</span> : <span class="two">4 - 10 Years</span></p>
						<p><span class="bath5">Price </span>:<span class="two"> 30-40 Lacs</span></p>
						<input type="hidden" name="gid" value="1">
						<input type="hidden" name="uid" value="2">
						<input type="hidden" name="photo" value="2016-10-30/5815c8aa47b16.jpg">
						<input type="hidden" name="amount" value="2000">
						<input type="hidden" name="persons" value="1">
						<input type="hidden" name="address" value="上海市浦东区高行街道高建路47号">
						<input type="hidden" name="phone" value="13333333333">
						<div class="right-side">
							<input type="submit" class="hvr-sweep-to-right more"  value="立即下单">
					    </div>
					</form>
				</div>
				<div class="col-sm-7 buy-sin">
				 	<h4>Description</h4>
				 	<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature</p>
				 	<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC </p>
				</div>
				<div class="clearfix"> </div>
			</div>

			<div class="map-buy-single">
			 	<h4>Neighborhood Info</h4>
				<div class="map-buy-single1">
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d37494223.23909492!2d103!3d55!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x453c569a896724fb%3A0x1409fdf86611f613!2sRussia!5e0!3m2!1sen!2sin!4v1415776049771"></iframe>
				</div>
			</div>
		</div>

		<div class="col-md-3">
			<div class="single-box-right right-immediate">
		     	<h4>Featured Communities</h4>
				<div class="single-box-img ">
					<div class="box-img">
						<a href="single.html">
							<img class="img-responsive" src="images/sl.jpg">
						</a>
					</div>
					<div class="box-text">
						<p><a href="single.html">Lorem ipsum dolor sit amet</a></p>
						<a href="single.html" class="in-box">More Info</a>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="single-box-img">
					<div class="box-img">
						<a href="single.html">
							<img class="img-responsive" src="images/sl1.jpg" alt="">
						</a>
					</div>
					<div class="box-text">
						<p><a href="single.html">Lorem ipsum dolor sit amet</a></p>
						<a href="single.html" class="in-box">More Info</a>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="single-box-img">
					<div class="box-img">
						<a href="single.html">
							<img class="img-responsive" src="images/sl2.jpg">
						</a>
					</div>
					<div class="box-text">
						<p><a href="single.html">Lorem ipsum dolor sit amet</a></p>
						<a href="single.html" class="in-box">More Info</a>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="single-box-img">
					<div class="box-img">
						<a href="single.html">
							<img class="img-responsive" src="images/sl3.jpg">
						</a>
					</div>
					<div class="box-text">
						<p><a href="single.html">Lorem ipsum dolor sit amet</a></p>
						<a href="single.html" class="in-box">More Info</a>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="single-box-img">
					<div class="box-img">
						<a href="single.html">
							<img class="img-responsive" src="images/sl4.jpg">
						</a>
					</div>
					<div class="box-text">
						<p><a href="single.html">Lorem ipsum dolor sit amet</a></p>
						<a href="single.html" class="in-box">More Info</a>
					</div>
					<div class="clearfix"> </div>
				</div>
		    </div>
	  	</div>
		<div class="clearfix"></div>
	</div>
</div>

</block>